Dynamische Webvorlage in Master-Page umwandeln

Eine dynamische Webvorlage erzeugt den Kode aus dem sie besteht so oft als es Seiten gibt, die diesen Kode benötigen, also alle Seiten eines Webs.

Wenn man eine Änderung der Webvorlage durchführt, muss man diese Änderung auf alle anderen Seiten übertragen.

Im Prinzip enthält eine Master-Page den Kode der Webvorlage aber die einzelnen Detailseiten enthalten nur den Inhalt, der sie von der Master-Seite unterscheidet.

Der eigentliche Vorteil der Masterseiten ist, dass sie nicht nur JavaScript-Kode enthalten können, sondern auch Kode, der an Server ausgeführt wird. Und damit werden Aufgaben wie Formular-Versand, Inklusion von Dateien, Login usw. möglich.

• Schritt 1: Paket auswählen: „Daffodil Garden.fwp“
• Schritt 2: Neue Site öffnen, leere Site
• Schritt 3: Site -> Importieren -> Von Webpaket importieren
• Schritt 4: Umbenennen aller Seiten von html in aspx. Dabei werden die Links an allen betroffenen Stellen ebenfalls umbenannt. Die Seiten können nach wie vor unverändert im Browser über Datei -> Browservorschau betrachtet werden aber nicht mehr durch Aufruf am Desktop.
• Schritt 5: Datei -> Neu –> Seite Allgemeine -> Masterseite „site.master“
• Schritt 6: Löschen der Tags title und meta content aus site.master.
• Schritt 7: Aus der Datei site.dwt kopiert man den Head-Teil in den Head-Teil von site.master. Die doppelt vorkommenden Tags content und title entfernt man. Im Pfad des Stylesheets muss man „../“ entfernen, weil sich die MasterDatei im Wurzelverzeichnis befindet.
• Schritt 8: Ebenso kopiert man den Body-Teil aus site.dwt innerhalt des Tags form. Den Bereich <!-- #BeginEditable "content" -->---<!-- #EndEditable --> ersetzt man durch den Tag ContentPlaceholder.
• Schritt 9: Verzeichnis dwt kann inklusive der Datei site.dwt gelöscht werden
• Schritt 10: Eine erste Seite erstellen, die auf dieser Master-Seite beruht: Datei -> Neu -> Aus Masterseite erstellen -> Spezifische Masterseite -> „site.master“ auswählen und als „test“ speichern. Das Ergebnis ist eine Seite test.aspx mit einer einzigen Zeile <%@ Page language="C#" masterpagefile="site.master" title="Site Name" %>
  Wir ergänzen durch die Tags <asp:Content ContentPlaceHolderID="Head" Runat="Server"></asp:Content><asp:Content ContentPlaceHolderID="Content" Runat="Server"></asp:Content>. Dieses Fragment ist die Grundlage für alle folgenden Seiten. Der eigentliche Content kommt in die beiden
• Schritt 11: Umwandeln aller ASPX-Seiten am Beispiel about.aspx.
  • Schritt 1: Einfügung des Textfragments am Kopf der Seite einfügen. Damit wird der Rest der Seite als fehlerhaft markiert. Ändern von „Site-Name“ in „about“. Der Head-Content bleibt leer-
  • Schritt 2: Alles auf der Seite löschen mit Ausnahme von <h1>About</h1> und dem folgenden Absatz. Noch immer ist alles als fehlerhaft markiert.
  • Schritt 3: Einfügung des „About“-Kodefragments in diesen Tag. In den Tag ContentPlaceHolder.

Hinweis

Wenn die Dynamische Webvorlage in einem Unterverzeichnis war, die Masterseite aber im Wurzelverzeichnis, dann sind die Links in der Masterseite fehlerhaft. Es steht dort zum Beispiel „../index.html“. Richtig ist aber „index.html“. Diese Links in der Masterseite muss man korrigieren.

Besondere Seiten

Seiten, die auch einen geänderten Kopfteil benötigen, dort muss man die weiteren Kopfzeilen in den ContentPlaceHolder „Head“ kopieren.

Wenn es auf einer Dynamischen Webvorlage mehr als nur einen Content-Bereich gibt, muss man diese zusätzlichen Content-Bereiche in weiteren ContentPlaceHoldern verpacken, die man mit einer anderen ID versehen muss.